<script setup>
import seo from '~/lib/seo.js'
seo({ title: 'Home', description: 'A chrome plugin tool that can help you sorting Facebook ADS Library.' })
</script>

<template>
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
    <div class="text-center">
      <h1 class="mt-6 text-3xl font-extrabold text-gray-900 sm:text-4xl md:text-5xl">{{ $t('appName') }}</h1>
      <p class="mt-3 max-w-2xl mx-auto text-xl text-gray-500 sm:mt-4">{{ $t('appDescription') }}</p>
      <div class="mt-10 space-y-4 sm:space-y-0 sm:space-x-4 sm:flex sm:justify-center">
        <NButton type="primary" size="large">{{ $t('startNow') }}</NButton>
        <NButton size="large">{{ $t('learnMore') }}</NButton>
      </div>
    </div>
  </div>
</template>